body {
	background-color:#d0e4fe;
}

div{
	font-family:"Times New Roman";
	color:blue;
}

h1 {
	color:orange;
	text-align:center;
}

h2 { text-shadow: grey 0.2em 0.3em 0.2em }

h3 { color:red;
	text-align:center; }


p {
	font-family:"Times New Roman";
	font-size:20px;
}

table {
	border-collapse:inherit;
	
}

table, th, td {
	border: 1px solid black;
}

td, th {
	padding:5px;
}

<form name='create'>
<input type='submit' name='Crear' onClick='hide(true);' /> Acepto Contrato<br />
<input type='text' name='coordX' style='visibility:hidden' />
<input type='text' name='coordY' style='visibility:hidden' />
</form>

<script>
function hide(flag){
doc = index.create.Crear;

flag ? doc.style.visibility = 'visible' : doc.style.visibility = 'hidden';
if(!flag) doc.value = '';
}
</script>